{{ content() }}
<div id="main">
    <div class="wrapper">

        <!-- slider holder -->
        <div id="slider-holder" class="clearfix">

            <!-- slider -->
            <div id="wowslider-container1">
                <div class="ws_images"><ul>
                        <li><img src="{{url('img/slides/1.jpg')}}" alt="1" title="1" id="wows1_0"/></li>
                        <li><img src="{{url('img/slides/2.jpg')}}" alt="2" title="2" id="wows1_1"/></li>
                        <li><img src="{{url('img/slides/3.jpg')}}" alt="3" title="3" id="wows1_2"/></li>
                        <li><img src="{{url('img/slides/4.jpg')}}" alt="4" title="4" id="wows1_3"/></li>
                    </ul></div>
                <div class="ws_bullets">
                    <div>
                        <a href="#" title="1"><img src="{{url('img/slides/1.jpg')}}" alt="1"/>1</a>
                        <a href="#" title="2"><img src="{{url('img/slides/2.jpg')}}" alt="2"/>2</a>
                        <a href="#" title="3"><img src="{{url('img/slides/3.jpg')}}" alt="3"/>3</a>
                        <a href="#" title="4"><img src="{{url('img/slides/4.jpg')}}" alt="4"/>4</a>
                    </div>
                </div>
                <div class="ws_shadow"></div>

            </div>
            <!-- ENDS slider -->           
            <!-- Headline -->

            <div id="headline">
                <h1>CHIA SẺ KIẾN THỨC, VỮNG BƯỚC THÀNH CÔNG</h1>
                <p>UIT-Doc là nơi chia sẻ tài liệu tổng hợp có chọn lọc. </br>
                    Nội dung phong phú - đa dạng đáp ứng nhu cầu tìm kiếm thông tin trên mọi lĩnh vực của đời sống từ Kinh tế, chính trị, văn hóa, xã hội, nghệ thuật, thể thao, đời sống,......đến những tài liệu khoa học, tài liệu chuyên ngành, luận văn, đề thi kiểm tra,...
                </p>
                <em id="corner"></em>
            </div>

            <!-- ENDS headline -->


        </div>
        <!-- ENDS slider holder -->


        <!-- home-block -->
        <div class="home-block" >
            <h2 class="home-block-heading"><span>TÀI LIỆU NỔI BẬT</span></h2>
            <div class="home-block-list clearfix" >
                {% for doc in docs_in_day %}
                <figure>                   
                    <a href="{{url('doc/view/'~doc.id)}}">
                        <div class="thumb"><img src="{{url('public/review/'~doc.topic_id~'/'~doc.id~'/'~doc.image)}}" title="{{doc.title}}" /></div>
                        <div class="doc_title"><p>{{doc.title}}</p></div>
                    </a>
                </figure>
                {% endfor %}
            </div>
        </div>
        <!-- ENDS home-block -->

        <!-- home-block -->
        {% for type in doctypes %}
        <div class="home-block">
            <h2 class="home-block-heading"><span>{{type['name']}}</span></h2>
            <div class="home-block-list clearfix" >
                {% for doc in type['docs_in_day'] %}
                <figure>                   
                    <a href="{{url('doc/view/'~doc.id)}}">
                        <div class="thumb"><img src="{{url('public/review/'~doc.topic_id~'/'~doc.id~'/'~doc.image)}}" title="{{doc.title}}" /></div>
                        <div class="doc_title"><p>{{doc.title}}</p></div>
                    </a>
                </figure>
                {% endfor %}
            </div>
        </div>
        {% endfor %}
        <!-- ENDS home-block -->
    </div>
</div>
{{javascript_include('js/wowslider.js')}}
{{javascript_include('js/script.js')}}